/*
Author : QuanNH
Date : 6 April 2011
Project : Buddy Tracking Server
Company : None
Note : Main Css
*/

/* blue 3d65bf
 * lightblue #aabce4
Font Type, Size and Color
*/
body{
	color:#363636;
	font-family : "Times New Roman", Times, serif;
}
#logintitle{
	color: #3d65bf;
	font-weight: bolder;
}
#loginnote{
	color: #3d65bf;
	font-weight: bolder;
}
#loginError{
	margin-bottom:20px;
	color: red;
	font-weight: bolder;
}

/*
Layout
 */
#mainbody{
	padding : 0 50px 0 50px;
	margin : 50px 0 20px 0;
}
#banner{
	height: 78px;
	padding : 20px 0 0 0;
	background:url('Img/banner.png') no-repeat top left;
}
#loginpannel{
	margin-top:0;
	padding-top:0;
	height: 335px ;
	min-width:450px;
	background:url('Img/loginpannel.png') repeat-x center;
}
#loginpannelleft{
	height: 335px ;
	width:100%;
	background:url('Img/loginpannelleft.png') no-repeat left;
}
#loginpannelright{
	height: 335px ;
	width:100%;
	background:url('Img/loginpannelright.png') no-repeat right;
}
#managementbody{
	padding : 0 50px 0 50px;
	margin : 50px 0 20px 0;
	
}
#managementpage{
	padding : 10px 10px 10px 10px;
	min-width:720px;
	height:auto;
	border : 1px ridge;
	border-radius:10px 10px;
	border-color : #c0c0c0;
	background-color:#f8f8f8;
}
#configpage{
	padding : 10px 10px 10px 10px;
	min-width:720px;
	height:auto;
	border : 1px ridge;
	border-radius:10px 10px;
	border-color : #c0c0c0;
	background-color:#f8f8f8;
}
#welcomelabel{
	font-size:small;
	text-align : center;
	height:30px;
	display:block;
	position:absolute;
	right:80px;
	top :95px;
	color: #3d65bf;
	font-weight: bolder;
}
#navigation{
	font-size:small;
	height:30px;
	display:block;
	position:absolute;
	right:80px;
	top :115px;
	color: #3d65bf;
	font-weight: bolder;
}
#footer{
	color: gray;
	text-align:center;
	font-size:small;
	padding-bottom:10px;
	min-width : 650px;
}
/*
Form
 */
#loginform{
	padding:25px 0 35px 35px;
}
#loginformtable{
	padding : 20px 0 20px 0;
}
#loginform input{
	font-size:small;
	border-radius:5px 5px;
	margin :10px 10px 10px 10px;
	border-style:solid;
	border-color: #aabce4;
}
#loginbutton{
	margin-left:12px;
	width:84px;
	height:24px;
}
.memberSelect{
	display:marker;
}
.groupSelect{
	margin-left:5px;
	border-color:gray;
	color :#004080;
	height:23px;
}
.required{
	width:260px;
	border-radius: 5px 5px ;
	border-style:solid;
	border-color: #aabce4;
}
.addForm{
	width:260px;
	border-radius: 5px 5px ;
	border-style:solid;
	border-color: #aabce4;
}
.error {
	display:block;
	width:260px;
	color : red;
    padding: 0px;
    margin: 0px;
	}
/*
Button
 */
.groupControl{
	
}
/*
Link
 */
.memberInfo:link{
	text-decoration:none;
}
.memberInfo:visited{
	text-decoration:none;
}
.memberInfo:hover{
	text-decoration:none;
	color: #3d65bf;
}
.memberInfo:active{
	text-decoration:none;
}
.adminInfo:link{
	color:#363636;
	text-decoration:none;
}
.adminInfo:visited{
	color:#363636;
	text-decoration:none;
}
.adminInfo:hover{
	text-decoration:none;
	color: #3d65bf;
}
.adminInfo:active{
	color:#363636;
	text-decoration:none;
}
/*
Table
 */
.Online{
  color : red;
 }
.Offline{
  color : gray;
 }
/*
Loading Ajax
 */
 #imageLoading{
 background : ur('Img/ajax-loader.gif') no-repeat;
 }